.font-red {
  color: $pink;
  &:hover {
    color: darken($pink, 5%);
  }
}

.blue-color {
  color: $light-blue;
  &:hover {
    color: darken($light-blue, 5%);
  }
  &:focus {
    color: darken($light-blue, 5%);
  }
}

.green-color {
  color: $panGreen;
  &:hover {
    color: darken($panGreen, 5%);
  }
  &:focus {
    color: darken($panGreen, 5%);
  }
}

.font-light-blue {
  color: $light-blue;
  &:hover, &:focus {
    color: darken($light-blue, 5%);
  }
}

.font-orange {
  color: $orange;
  &:hover {
    color: darken($orange, 5%);
  }
}
